:root {
  --cel-soft-stone: #fff0e9;
  --cel-rose: #ff92d3;
  --cel-corporate-navy: #02003a;
  --cel-personality-pink: #dd2d91;
  --cel-blush: #ffcce2;
  --cel-violet: #50449b;
  --cel-cobalt-blue: #0073d1;
  --cel-citron: #ffd283;
  --light-grey: #e5e5eb;
  --transparent-cobalt-blue: rgba(0, 115, 209, 0.05);
  --transparent-violet: rgba(80, 68, 155, 0.1);
  --transparent-citron: rgba(255, 210, 131, 0.2);
  --transparent-rose: rgba(255, 146, 211, 0.1);
  --transparent-corporate-navy: rgba(2, 0, 58, 0.2);
  --transparent-personality-pink: rgba(221, 45, 145, 0.2);
  --transparent-blush: rgba(255, 204, 226, 0.5);
}

@font-face {
  font-family: "Metropolis";
  src: url("../fonts/Metropolis-Regular-v2.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Metropolis";
  src: url("../fonts/Metropolis-RegularItalic-v2.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Metropolis";
  src: url("../fonts/Metropolis-Bold-v2.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "Metropolis";
  src: url("../fonts/Metropolis-BoldItalic-v2.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

.editor-styles-wrapper {
  font-family: "Metropolis", sans-serif;
  color: var(--cel-corporate-navy) !important;
}
.editor-styles-wrapper a {
  color: var(--cel-personality-pink);
  text-decoration: none;
}